home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 December / 2004-12 CHIP.iso / Internet / NVU 0.50 for Windows / nvu-0.50-win32-installer-full.exe / {app} / chrome / comm.jar / content / editor / EdInsertTable.js < prev    next >
Encoding:
JavaScript  |  2004-06-22  |  11.1 KB  |  360 lines
  1. /* 
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *  
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *  
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  * 
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  * 
  20.  * Contributor(s): 
  21.  */
  22.  
  23. //Cancel() is in EdDialogCommon.js
  24. var gTableElement = null;
  25. var gRows;
  26. var gColumns;
  27. var gActiveEditor;
  28. var gCellID = 12;
  29. var gPrefs;
  30.  
  31. // dialog initialization code
  32. function Startup()
  33. {
  34.   gActiveEditor = GetCurrentTableEditor();
  35.   if (!gActiveEditor)
  36.   {
  37.     dump("Failed to get active editor!\n");
  38.     window.close();
  39.     return;
  40.   }
  41.  
  42.   try {
  43.     gTableElement = gActiveEditor.createElementWithDefaults("table");
  44.   } catch (e) {}
  45.  
  46.   if(!gTableElement)
  47.   {
  48.     dump("Failed to create a new table!\n");
  49.     window.close();
  50.     return;
  51.   }
  52.   gDialog.rowsInput      = document.getElementById("rowsInput");
  53.   gDialog.columnsInput   = document.getElementById("columnsInput");
  54.   gDialog.widthInput     = document.getElementById("widthInput");
  55.   gDialog.borderInput    = document.getElementById("borderInput");
  56.   gDialog.horizAlignment = document.getElementById("horizAlignment");
  57.   gDialog.vertAlignment  = document.getElementById("vertAlignment");
  58.   gDialog.textWrapping   = document.getElementById("textWrapping");
  59.   gDialog.cellSpacing    = document.getElementById("cellSpacing");
  60.   gDialog.cellPadding    = document.getElementById("cellPadding");
  61.  
  62.   gDialog.widthPixelOrPercentMenulist = document.getElementById("widthPixelOrPercentMenulist");
  63.   gDialog.OkButton = document.documentElement.getButton("accept");
  64.   gDialog.sizeLabel = document.getElementById("sizeLabel");
  65.  
  66.   gTableElement.setAttribute("border", gDialog.borderInput.value);
  67.   if (gDialog.widthInput.value)
  68.     gTableElement.setAttribute("width", Number(gDialog.widthInput.value) +
  69.                                         (gDialog.widthPixelOrPercentMenulist.value == "pc" ? "%" : ""));
  70.  
  71.   // Make a copy to use for AdvancedEdit
  72.   globalElement = gTableElement.cloneNode(false);
  73.   try {
  74.     gPrefs = GetPrefs();
  75.     if (IsHTMLEditor()
  76.         && !(gActiveEditor.flags & Components.interfaces.nsIPlaintextEditor.eEditorMailMask))
  77.     {
  78.       if (gPrefs.getBoolPref("editor.use_css"))
  79.       {
  80.         // only for Composer and not for htmlmail
  81.         globalElement.setAttribute("style", "text-align: left;");
  82.       }
  83.  
  84.       var hAlign = gPrefs.getCharPref("editor.table.default_align");
  85.       var vAlign = gPrefs.getCharPref("editor.table.default_valign");
  86.       var wrapping = gPrefs.getCharPref("editor.table.default_wrapping");
  87.  
  88.       var cellSpacing = gPrefs.getCharPref("editor.table.default_cellspacing");
  89.       if (cellSpacing)
  90.       {
  91.         // only for Composer and not for htmlmail
  92.         globalElement.setAttribute("cellspacing", cellSpacing);
  93.       }
  94.  
  95.       var cellPadding= gPrefs.getCharPref("editor.table.default_cellpadding");
  96.       if (cellPadding)
  97.       {
  98.         // only for Composer and not for htmlmail
  99.         globalElement.setAttribute("cellpadding", cellPadding);
  100.       }
  101.     }
  102.   } catch (e) {}
  103.  
  104.   // Initialize all widgets with image attributes
  105.   InitDialog(hAlign, vAlign, wrapping);
  106.  
  107.   SetTextboxFocusById("rowsInput");
  108.  
  109.   SetWindowLocation();
  110. }
  111.  
  112. // Set dialog widgets with attribute data
  113. // We get them from globalElement copy so this can be used
  114. //   by AdvancedEdit(), which is shared by all property dialogs
  115. function InitDialog(hAlign, vAlign, wrapping)
  116. {  
  117.   // Get default attributes set on the created table:
  118.   // Get the width attribute of the element, stripping out "%"
  119.   // This sets contents of menu combobox list
  120.   // 2nd param = null: Use current selection to find if parent is table cell or window
  121.   /*gDialog.widthInput.value =*/ InitPixelOrPercentMenulist(globalElement, null, "width", "widthPixelOrPercentMenulist", gPercent);
  122.   /*gDialog.borderInput.value = globalElement.getAttribute("border");*/
  123.  
  124.   gDialog.horizAlignment.value = hAlign;
  125.   gDialog.vertAlignment.value  = vAlign;
  126.   gDialog.textWrapping.selectedItem = (wrapping == "nowrap") ?
  127.                                        document.getElementById("nowrapRadio") :
  128.                                        document.getElementById("wrapRadio");
  129.   gDialog.cellSpacing.value    = globalElement.getAttribute("cellspacing");
  130.   gDialog.cellPadding.value    = globalElement.getAttribute("cellpadding");
  131. }
  132.  
  133. function ChangeRowOrColumn(id)
  134. {
  135.   // Allow only integers
  136.   forceInteger(id);
  137.  
  138.   // Enable OK only if both rows and columns have a value > 0
  139.   var enable = gDialog.rowsInput.value.length > 0 && 
  140.                               gDialog.rowsInput.value > 0 &&
  141.                               gDialog.columnsInput.value.length > 0 &&
  142.                               gDialog.columnsInput.value > 0;
  143.  
  144.   SetElementEnabled(gDialog.OkButton, enable);
  145.   SetElementEnabledById("AdvancedEditButton1", enable);
  146. }
  147.  
  148.  
  149. // Get and validate data from widgets.
  150. // Set attributes on globalElement so they can be accessed by AdvancedEdit()
  151. function ValidateData()
  152. {
  153.   gRows = ValidateNumber(gDialog.rowsInput, null, 1, gMaxRows, null, null, true)
  154.   if (gValidationError)
  155.     return false;
  156.  
  157.   gColumns = ValidateNumber(gDialog.columnsInput, null, 1, gMaxColumns, null, null, true)
  158.   if (gValidationError)
  159.     return false;
  160.  
  161.   // Set attributes: NOTE: These may be empty strings (last param = false)
  162.   ValidateNumber(gDialog.borderInput, null, 0, gMaxPixels, globalElement, "border", false);
  163.   // TODO: Deal with "BORDER" without value issue
  164.   if (gValidationError) return false;
  165.  
  166.   ValidateNumber(gDialog.widthInput, gDialog.widthPixelOrPercentMenulist,
  167.                  1, gMaxTableSize, globalElement, "width", false);
  168.   gDialog.widthPixelOrPercentMenulist.value = gDialog.widthPixelOrPercentMenulist.selectedItem.value;
  169.  
  170.   SetOrResetAttribute(globalElement, "cellspacing", gDialog.cellSpacing.value);
  171.   SetOrResetAttribute(globalElement, "cellpadding", gDialog.cellPadding.value);
  172.  
  173.   if (gValidationError)
  174.     return false;
  175.  
  176.   return true;
  177. }
  178.  
  179. function SetOrResetAttribute(element, attributeName, attributeValue)
  180. {
  181.   if (attributeValue)
  182.     element.setAttribute(attributeName, attributeValue);
  183.   else
  184.     element.removeAttribute(attributeName);
  185. }
  186.  
  187. function onAccept()
  188. {
  189.   if (ValidateData())
  190.   {
  191.     try {
  192.       if (IsHTMLEditor()
  193.           && !(gActiveEditor.flags & Components.interfaces.nsIPlaintextEditor.eEditorMailMask))
  194.       {
  195.         var wrapping = gDialog.textWrapping.selectedItem.value;
  196.         gPrefs.setCharPref("editor.table.default_wrapping", wrapping);
  197.  
  198.         var align = gDialog.horizAlignment.value;
  199.         gPrefs.setCharPref("editor.table.default_align", align);
  200.  
  201.         var valign = gDialog.vertAlignment.value;
  202.         gPrefs.setCharPref("editor.table.default_valign", valign);
  203.  
  204.         var cellSpacing = globalElement.getAttribute("cellspacing");
  205.         gPrefs.setCharPref("editor.table.default_cellspacing", cellSpacing);
  206.  
  207.         var cellPadding = globalElement.getAttribute("cellpadding");
  208.         gPrefs.setCharPref("editor.table.default_cellpadding", cellPadding);
  209.  
  210.       }
  211.     }
  212.     catch (e) {};
  213.  
  214.     gActiveEditor.beginTransaction();
  215.     try {
  216.       gActiveEditor.cloneAttributes(gTableElement, globalElement);
  217.  
  218.       // Create necessary rows and cells for the table
  219.       var tableBody = gActiveEditor.createElementWithDefaults("tbody");
  220.       if (tableBody)
  221.       {
  222.         gTableElement.appendChild(tableBody);
  223.  
  224.         // Create necessary rows and cells for the table
  225.         for (var i = 0; i < gRows; i++)
  226.         {
  227.           var newRow = gActiveEditor.createElementWithDefaults("tr");
  228.           if (newRow)
  229.           {
  230.             tableBody.appendChild(newRow);
  231.             for (var j = 0; j < gColumns; j++)
  232.             {
  233.               var newCell = gActiveEditor.createElementWithDefaults("td");
  234.               if (newCell)
  235.               {
  236.                 newRow.appendChild(newCell);
  237.               }
  238.             }
  239.           }
  240.         }
  241.       }
  242.       // Detect when entire cells are selected:
  243.         // Get number of cells selected
  244.       var tagNameObj = { value: "" };
  245.       var countObj = { value: 0 };
  246.       var element = gActiveEditor.getSelectedOrParentTableElement(tagNameObj, countObj);
  247.       var deletePlaceholder = false;
  248.  
  249.       if (tagNameObj.value == "table")
  250.       {
  251.         //Replace entire selected table with new table, so delete the table
  252.         gActiveEditor.deleteTable();
  253.       }
  254.       else if (tagNameObj.value == "td")
  255.       {
  256.         if (countObj.value >= 1)
  257.         {
  258.           if (countObj.value > 1)
  259.           {
  260.             // Assume user wants to replace a block of
  261.             //  contiguous cells with a table, so
  262.             //  join the selected cells
  263.             gActiveEditor.joinTableCells(false);
  264.           
  265.             // Get the cell everything was merged into
  266.             element = gActiveEditor.getFirstSelectedCell();
  267.           
  268.             // Collapse selection into just that cell
  269.             gActiveEditor.selection.collapse(element,0);
  270.           }
  271.  
  272.           if (element)
  273.           {
  274.             // Empty just the contents of the cell
  275.             gActiveEditor.deleteTableCellContents();
  276.           
  277.             // Collapse selection to start of empty cell...
  278.             gActiveEditor.selection.collapse(element,0);
  279.             // ...but it will contain a <br> placeholder
  280.             deletePlaceholder = true;
  281.           }
  282.         }
  283.       }
  284.  
  285.       // true means delete selection when inserting
  286.       gActiveEditor.insertElementAtSelection(gTableElement, true);
  287.  
  288.       if (deletePlaceholder && gTableElement && gTableElement.nextSibling)
  289.       {
  290.         // Delete the placeholder <br>
  291.         gActiveEditor.deleteNode(gTableElement.nextSibling);
  292.       }
  293.     } catch (e) {}
  294.  
  295.     gActiveEditor.endTransaction();
  296.  
  297.     SaveWindowLocation();
  298.     return true;
  299.   }
  300.   return false;
  301. }
  302.  
  303. function SelectArea(cell)
  304. {
  305.   var cellID    = cell.id;
  306.   var numCellID = Number(cellID.substr(1));
  307.  
  308.   // early way out if we can...
  309.   if (gCellID == numCellID)
  310.     return;
  311.  
  312.   gCellID = numCellID;
  313.  
  314.   var i, anyCell;
  315.   for (i = 1; i < 60; i += 10)
  316.   {
  317.     anyCell = document.getElementById("c"+i);
  318.     while (anyCell)
  319.     {
  320.       anyCell.removeAttribute("class");
  321.       anyCell = anyCell.nextSibling;
  322.     }
  323.   }
  324.  
  325.   for (i = numCellID; i > 0; i -= 10)
  326.   {
  327.     anyCell = document.getElementById("c"+i);
  328.     while (anyCell)
  329.     {
  330.       anyCell.setAttribute("class", "selected");
  331.       anyCell = anyCell.previousSibling;
  332.     }
  333.   }
  334.   ShowSize();
  335. }
  336.  
  337. function ShowSize()
  338. {
  339.   var columns  = (gCellID % 10);
  340.   var rows     = Math.ceil(gCellID / 10);
  341.   gDialog.sizeLabel.value = rows + " x " + columns;
  342. }
  343.  
  344. function MakePersistsValue(elt)
  345. {
  346.   elt.setAttribute("value", elt.value);
  347. }
  348.  
  349. function SelectSize(cell)
  350. {
  351.   var columns  = (gCellID % 10);
  352.   var rows     = Math.ceil(gCellID / 10);
  353.  
  354.   gDialog.rowsInput.value    = rows;
  355.   gDialog.columnsInput.value = columns;
  356.  
  357.   onAccept();
  358.   window.close();
  359. }
  360.